<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		
		<title>历史</title>
	</head>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

	<body>
		<!--用导航条写一个头部-->

		<head>
			<div class="navbar navbar-default container" id="header" style="z-index: 2;background-color: white;border: none;">
				<div class="navbar-header">
					<a class="navbar-brand" href="">着华夏之裳，兴礼仪之邦</a>
					<button class="navbar-toggle" data-toggle="collapse" data-target="#shownav">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		    </button>
				</div>
				<ul id="shownav" class="nav navbar-nav collapse navbar-collapse navbar-right">
					<li>
						<a href="/index"> <span class="glyphicon glyphicon-home"></span>首页</a>
					</li>
					<li>
						<a href="/lishi"><span class="glyphicon glyphicon-chevron-right"></span>历史</a>
					</li>
					<li>
						<a href="/xingzhi"><span class="glyphicon glyphicon-heart-empty"style="padding-right: 5px;"></span>形制</a>
					</li>
					<li>
						<a href="/zhoubian"><span class="glyphicon glyphicon-hand-right" style="padding-right: 5px;"></span>更多展示</a>
					</li>
				</ul>
			</div></head>
		<!--三张图片的一个轮播效果呀-->
		<div class="container" style="margin-top: -19px;">
			<div id="myCarousel" class="carousel slide">
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
				<div class="item active">
				<img src="img/A4.jpg" width="1200" height="1000" class="active" data-toggle="tooltip" alt="第一张" title="图片一啊">
				<div class="carousel-caption">
				  </div>
				</div>
				
				<div class="item">
				<img src="img/A5.jpg" width="1200" height="1000" class="" alt="第二张">	
				<div class="carousel-caption">
				  </div>
				</div>
				
				<div class="item">
				<img src="img/A6.jpg"width="1200" height="1000"  class="" alt="第三张">
				<div class="carousel-caption">
						</div>
					</div>
				</div>
				<a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="glyphicon glyphicon-chevron-left"></span> </a>
				<a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>
		<!--中间内容    ，就是一些文字，用了文字居中而已-->

		<body>
			<p></p>
<p></p>
			<div class="container">
				<div class="col-lg-3 col-md-4 col-sm-5 col-xs-5" style="color:white;background-color: #528C7D;">
					<h4>（一）汉服起源、形成、发展史（公元前3000年至公元后17世纪中期）</h3>
			<hr />
			<p>上古穴居而野处，衣毛而冒皮，未有制度。黄帝、尧、舜垂衣裳而天下治，盖取诸乾坤。乾坤有文，故上衣玄，下裳黄。秦汉、魏晋发展，唐宋元明达到巅峰。</p>
			<br />
			<h4>（二）汉服中断、衰亡史（公元1644年至公元1912年）</h3>
			<hr />
			<p>清朝统治者为了达到削弱汉人的民族认同感以便于维护满州的统治，实行“剃发易服”，服汉衣冠、束发者治重罪，汉服走向衰落。汉服本身虽然清朝剃发易服等统治政策下消失了，但因为具有强大的生命力，其部分元素一直没有灭绝，直到现代汉族人信仰的道教、佛教以及一些边远山民，现代社会的一些重要祭祀、纪念活动、民俗节日等仍能看到汉服的部分元素。<br />
			<h4>（三）汉服光复与复兴史（公元1912年至21世纪初）</h4>
					<hr />
					<p>清朝灭亡后，伴随着政治上的服饰压迫的结束，汉服迎来了复兴发展的新时期。21世纪初，随着中国国力的发展，社会稳定，人们开始审视自己传统文化中的优秀部分。一些人通过考据汉服并取其精华去其糟粕，复原了汉族传统服饰，同时通过恢复传统节日，恢复传统礼仪，祭祀先贤，推广传统学说，宣传传统乐器等重新宣导恢复传统汉服并身着汉服进行推广，汉服迎来了新的复兴时期。</p>
					
				</div>
				<div class="col-lg-7 col-sm-8 col-md-8 col-xs-7">
					
					<hr />
					<p>秦汉时期的男子，主要穿着的是一种宽衣大袖的袍服，主要分为曲裾袍和直裾袍两类，除了祭祀和朝会以外，其他场合均可穿着。
					</p>
					<p>汉代时期的另一个特点是实行配绶制度。汉代女子的礼服是深衣，与战国时不同。还有穿襦裙和裤的。汉代对鞋也有严格的等级规定。</p>
					<p>魏晋南北朝时期的服饰主要以自然洒脱、清秀空疏为特点。用巾帛包头，是这个时期的主要首服。较为流行的是一种在小冠上加笼巾的“笼冠”。这个时期的汉族男子的服装主要是袖口宽大、不收衣祛约束的衫。妇女服装承袭秦汉的遗俗，在传统基础上有所改进，一般上身穿衫、袄、襦，下身穿裙子，款式多为上俭下丰，衣身部分紧身合体，袖口肥大，裙为多折裥裙，裙长曳地，下摆宽松，从而达到俊俏、潇洒的效果。
					</p>
					<p>唐代服饰承上启下，法服和常服同时并行。法服是传统的礼服，包括冠、冕、衣、裳等;常服又称公服，是一般性正式场合所着服饰，包括圆领袍衫、幞头、革带、长筒靴等。品色衣至唐代已形成制度。平民多着白衣。唐代女子的髻式繁复。还有在髻鬓上插金钗、犀牛梳篦的，贵族女子面部化妆成鹅黄、花钿、妆靥等。唐代女服主要为裙、衫、帔。襦裙是唐代妇女的主要服式。在隋代及初唐时期，妇女的短襦都用小袖，下着紧身长裙，裙腰高系，一般都在腰部以上，有的甚至系在腋下，并以丝带系扎，给人一种俏丽修长的感觉。中唐时期的襦裙的比初唐的较宽阔一些，其它无太大变化。
					</p>
					<p>宋代服饰大体上沿袭了隋唐旧制。但由于宋朝长年处于内忧外患交并之中，加上程朱理学等因素的影响，这一时期的服饰崇尚简朴、严谨、含蓄。皇帝和达官显宦戴展脚幞头，公差、仆役等戴无脚幞头，儒生戴头巾。宋代男子服装仍以圆领跑为主，官员除祭祀朝会以外都穿袍衫，并以不同的颜色区分等级。宋代女子的发式以晚唐盛行的高髻为贵，簪插花朵已成风习。宋代的女裙较唐代窄，而且有细褶;衫多为对襟，覆在裙外 。
					</p>
					<p>元朝时期长衣统称为袍，其样式南北方差异不大，但材料贵贱精粗，却差距悬殊。汉族男性发式变化不多，但北方的汉族女性发式较前简化。
					</p>
					<p>明朝建立之初，明太祖上采周汉，下取唐宋，确立了明代服饰的基调，普通百姓服装或长、或短、或衫、或裙，基本承袭了传统服饰样式，并且品种十分丰富。
					</p>
					<p>清朝满族入关后，下令汉族剃发易服，“衣冠悉尊本朝制度”。汉族男子服饰基本以满服为模式，旗袍、长衫、马褂都是以满族服饰的改良和发展，而非汉族传统的民族服饰。
					</p>
					<p>民国时期，汉服迎来了复兴发展的新时期，文化学者钱玄同在浙江教育司带‘玄冠’，着‘深衣’，而工作，堪为汉服复兴史上第一位着汉服者。与此同时，许多有识之士一直在努力推广汉服，然而由于战乱、西化等诸多原因，汉服未能得到全面的推广。
</p>
					<p>21世纪初，一些人通过考据汉服并取其精华去其糟粕，复原了汉族传统服饰，同时通过恢复传统节日，恢复传统礼仪，祭祀先贤，推广传统学说，宣传传统乐器等重新宣导恢复传统汉服并身着汉服进行推广，汉服迎来了新的复兴时期。</p>
				</div>
			</div>
			<p></p>
		</body>
		<!--底部-->
<div id="contact" name="contact">
  <div class="container">
    <div class="row">
      <h2 class="centered">留言：</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p>给我们留言以改进我们的网站：</p>
        <form id="contact" method="post" class="form" role="form">
          <div class="row">
            <div class="col-xs-6 col-md-6 form-group">
              <input class="form-control" id="name" name="name" placeholder="姓名" type="text" required />
            </div>
            <div class="col-xs-6 col-md-6 form-group">
              <input class="form-control" id="phone" name="phone" placeholder="电话" type="phone" required />
            </div>
          </div>
          <textarea class="form-control" id="message" name="message" placeholder="建议..." rows="5"></textarea>
          <div class="row">
            <div class="col-xs-12 col-md-12">
              <button class="btn btn-success" type="submit" style="margin-bottom: 50px; margin-left: 700px; margin-top: 20px;">留言</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

		<script src="js/jquery1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#myCarousel').carousel({
				interval: 3000,
			})
			$('.item img').tooltip();
		</script>
	</body>

</html>